<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--#config errmsg="" --><!-- saved from url=(0022)http://help.adobe.com/ -->
<html lang="en-us">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="lang" content="en-us" />
        <meta name="area" content="livedocs" />
        <title>Adobe Photoshop CS4 * Position with guides and the grid</title>
        <meta name="product" content="Photoshop" />
        <meta name="keywords" content="" />
        <script type="text/javascript" language="Javascript" charset="UTF-8"><!--[CDATA[
        var currentTreeNode = "WSfd1234e1c4b69f30ea53e41001031ab64-74cda.html";
// ]]--></script>
<script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script>  <script src="utilities.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="event.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="treeview.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="toc.js" language="Javascript" type="text/javascript" charset="UTF-8">..</script> 
<script type="text/javascript">
<!--[CDATA[
var headId = document.getElementsByTagName("head")[0];         
if (use_ie_6_behavior) {
    var linkId = document.createElement("link");
    linkId.href = "content-ie6.css";
    linkId.rel = "stylesheet";
    linkId.type = "text/css";
    headId.appendChild(linkId);
}
function initRoboHelpDOM() {
    if (use_robohelp_behavior) {
        hideElement("searchbar");
        hideElement("hierarchy");
        hideElement("col1");
    }
}
YAHOO.util.Event.onDOMReady(initRoboHelpDOM);
// ]]-->
</script>
<!--#include virtual="/livedocs/ssi/globalheader.ssi" -->
        <link rel="stylesheet" type="text/css" href="tree.css" />
        <link rel="stylesheet" type="text/css" href="content-fonts.css" />
        <link rel="stylesheet" type="text/css" href="content-hyperlinks.css" />
        <link rel="stylesheet" type="text/css" href="content.css" />
        <link rel="stylesheet" type="text/css" href="localeSpecific.css" />
    </head>
    <body id="content_body" onload="window.focus();">
        <a name="top"></a><div id="mnemonic">
            <div class="Photoshop"><table><tr><td class="banner">Adobe Photoshop CS4</td><td class="pod"><img src="images/PDF.gif" width="16" height="16" hspace="15" valign="50%" />&#160;&#160;
                     <a title="PDF" href="http://help.adobe.com/en_US/Photoshop/11.0/photoshop_cs4_help.pdf">
                         PDF (adobe.com) 
                    </a></td></tr></table></div>
        </div>
        <div id="searchbar">
<!-- BEGIN SEARCH CONTENT -->
            <form class="search_form" id="search" name="search" action="search.html" target="_self">
                <img src="images/search.png" />
<script type="text/javascript">
<!--[CDATA[
function clearSearch(){
    if (document.search.q.value == terms_AHV_SEARCH_BUTTON){document.search.q.value = ""}; 
}
document.write('<input class=\"search_input\" \
        name=\"q\" \
        id=\"q\" \
        type=\"text\" \
        maxlength=\"256\" \
        value=\"' + terms_AHV_SEARCH_BUTTON + '\" onclick=\"clearSearch()\"><\/input>'); 
// ]]-->


</script> 
            </form>
        </div>
<!-- BEGIN PAGE CONTENT WRAPPER -->
        <div id="page_content_wrapper">
<!-- BEGIN PAGE WRAPPER -->
<table id="page_content_table">
<tr>
<td id="col1">
<!-- BEGIN IONCOMMENTCOUNT -->
            <div id="ionComCount">
            </div>
<!-- END IONCOMMENTCOUNT -->
<!-- BEGIN GROUP TOC WRAPPER -->
            
<!-- END GROUP TOC WRAPPER -->
<!-- BEGIN NAV WRAPPER -->
            <div id="group_toc">
<script type="text/javascript">
<!--[CDATA[
if ( typeof(terms_BOOK_SHORT) != 'undefined' ) {
  document.write("<p>" + terms_BOOK_SHORT + "<\/p>");
}
// ]]-->


</script> 
            </div>
            <div id="nav_content">
            </div>
<!-- END NAV WRAPPER -->
</td>
<td id="col2">
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN BREADCRUMBS -->
            
            <div id="breadcrumb">
                
<ul class="navigation"><li class="prev"><a accesskey="p" class="prev" href="WSfd1234e1c4b69f30ea53e41001031ab64-74c7a.html" title="Position with the Ruler tool"><img src="images/blank.gif" alt="Previous" width="17" height="17" /></a></li><li class="next"><a accesskey="n" class="next" href="WSfd1234e1c4b69f30ea53e41001031ab64-74bda.html" title="Use snapping"><img src="images/blank.gif" alt="Next" width="17" height="17" /></a></li></ul><div class="hierarchy" id="hierarchy"><a href="WSfd1234e1c4b69f30ea53e41001031ab64-750da.html">Workspace</a> /
     <a href="WSfd1234e1c4b69f30ea53e41001031ab64-74cda.html"><b>Rulers, the grid, and guides</b></a> 
     </div>

            </div>
<!-- END BREADCRUMBS -->
            <div id="content_wrapper">
<!-- BEGIN PAGE TITLE -->
                <h1>
                    Position with guides and the grid
                </h1>
<!-- END PAGE TITLE -->
                <br clear="both" /><div id="minitoc"><div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr"><div><h3>Contents [<a href="#" onclick="return toggleMiniToc('minitoc-links', this);" class="hideLink">Hide</a>]</h3><ul id="minitoc-links"><li><p><a href="#WSfd1234e1c4b69f30ea53e41001031ab64-74c3a"><h1 class="topictitle1">Show or hide a grid, guides, or smart guides</h1>
</a></p></li><li><p><a href="#WSfd1234e1c4b69f30ea53e41001031ab64-74c2a"><h1 class="topictitle1">Place a guide</h1>
</a></p></li><li><p><a href="#WSfd1234e1c4b69f30ea53e41001031ab64-74c1a"><h1 class="topictitle1">Move a guide</h1>
</a></p></li><li><p><a href="#WSfd1234e1c4b69f30ea53e41001031ab64-74bfa"><h1 class="topictitle1">Remove guides from the image</h1>
</a></p></li><li><p><a href="#WSfd1234e1c4b69f30ea53e41001031ab64-74bea"><h1 class="topictitle1">Set guide and grid preferences</h1>
</a></p></li></ul></div></div><br clear="both" /></div></div></div></div></div></div></div></div><br clear="both" /><div><div class="section"><p>Guides
and the grid help you position images or elements precisely. Guides appear
as nonprinting lines that float over the image. You can move and
remove guides. You can also&#160;lock them so that you don’t
move them by accident. </p>
<p>The grid is useful for laying out
elements symmetrically. The grid appears by default as nonprinting
lines but can also be displayed as dots. </p>
<p>Guides
and grids behave in similar ways:</p>
<ul><li><p>Selections, selection borders, and tools
snap to a&#160;guide or the grid when dragged within 8 screen
(not image) pixels. Guides also snap to the grid when moved. You
can turn this feature on and off. </p>
</li>
<li><p>Guide spacing, along with guide and grid visibility and snapping,
is specific to an image.</p>
</li>
<li><p>Grid spacing, along with guide and grid color and style,
is the same for all images. </p>
<p>You
can use Smart Guides to help align shapes, slices, and selections.
They appear automatically when you draw a shape, or create a selection
or slide. You can hide Smart Guides if you need to.</p>
</li>
</ul>
</div>
</div>
<div id="WSfd1234e1c4b69f30ea53e41001031ab64-74c3a" class="nochunk"><a name="WSfd1234e1c4b69f30ea53e41001031ab64-74c3a"></a><h3 class="topictitle3">Show or hide a grid, guides, or smart guides</h3><div><div class="p"><span><img src="images/dingbat.png" />&#160;Do one of the following:</span><ul><li><p>Choose View&#160;&gt; Show&#160;&gt;
Grid. </p>
</li>
<li><p>Choose
View&#160;&gt; Show&#160;&gt; Guides.</p>
</li>
<li><p>View&#160;&gt; Show&#160;&gt; Smart
Guides.</p>
</li>
<li><p>Choose View&#160;&gt; Extras. This command also
shows or hides layer edges, selection edges, target paths, and slices.</p>
</li>
</ul>
</div>
</div></div>
<div id="WSfd1234e1c4b69f30ea53e41001031ab64-74c2a" class="nochunk"><a name="WSfd1234e1c4b69f30ea53e41001031ab64-74c2a"></a><h3 class="topictitle3">Place a guide</h3><div><ol><li class="stepexpand"><span>If the rulers are not visible, choose
View&#160;&gt; Rulers.</span> <div class="note"><span class="notetitle">Note:  </span>For the most accurate readings, view the
image at 100% magnification or use the Info panel.</div>
</li>
<li class="stepexpand"><span>Do one of the following to create a guide:</span><ul><li><p>Choose View&#160;&gt; New Guide. In
the dialog box, select Horizontal or Vertical orientation, enter
a position, and click&#160;OK.</p>
</li>
<li><p>Drag from the horizontal ruler to create a horizontal
guide.</p>
<div class="fignone"><img alt="" id="wa_19" src="images/wa_19.png" /><div class="figdesc">Dragging to create a horizontal guide</div><br /></div></li>
<li><p>Hold down Alt (Windows) or Option (Mac&#160;OS),
and drag from the vertical ruler to create a horizontal guide.</p>
</li>
<li><p>Drag from the vertical ruler to create a vertical
guide.</p>
</li>
<li><p>Hold down Alt (Windows) or Option (Mac&#160;OS),
and drag from the horizontal ruler to create a vertical guide.</p>
</li>
<li><p>Hold down Shift and drag from the horizontal or
vertical ruler to create a guide that snaps to the ruler ticks.
The pointer changes to a double-headed arrow when you drag a guide.</p>
</li>
</ul>
</li>
<li class="stepexpand"><span>(Optional) If you want to lock all guides, choose View&#160;&gt;
Lock Guides.</span></li>
</ol>
</div></div>
<div id="WSfd1234e1c4b69f30ea53e41001031ab64-74c1a" class="nochunk"><a name="WSfd1234e1c4b69f30ea53e41001031ab64-74c1a"></a><h3 class="topictitle3">Move a guide</h3><div><ol><li><span>Select the Move tool&#160;<img src="images/P_Move_Lg_N.png" />, or
hold down Ctrl (Windows) or Command (Mac&#160;OS) to activate
the Move tool. </span></li>
<li><span>Position the pointer over the guide (the pointer turns
into a double-headed arrow).</span></li>
<li><span>Move the guide in any of the following ways:</span><ul><li><p>Drag the guide to move it. </p>
</li>
<li><p>Change the guide from horizontal to vertical, or&#160;vice
versa, by holding down Alt (Windows) or Option (Mac&#160;OS)
as you click or drag the guide.</p>
</li>
<li><p>Align the guide with the ruler ticks by holding
down Shift as you drag the guide. The guide snaps to the grid if
the grid is visible and View&#160;&gt; Snap To&#160;&gt; Grid
is selected.</p>
</li>
</ul>
</li>
</ol>
</div></div>
<div id="WSfd1234e1c4b69f30ea53e41001031ab64-74bfa" class="nochunk"><a name="WSfd1234e1c4b69f30ea53e41001031ab64-74bfa"></a><h3 class="topictitle3">Remove guides from the image</h3><div><div class="p"><span><img src="images/dingbat.png" />&#160;Do one of the following:</span><ul><li><p>To remove a single guide, drag the guide
outside the image window.</p>
</li>
<li><p>To remove all guides, choose View&#160;&gt;
Clear Guides.</p>
</li>
</ul>
</div>
</div></div>
<div id="WSfd1234e1c4b69f30ea53e41001031ab64-74bea" class="nochunk"><a name="WSfd1234e1c4b69f30ea53e41001031ab64-74bea"></a><h3 class="topictitle3">Set guide and grid preferences</h3><div><ol><li class="stepexpand"><span>Do one of the following:</span><ul><li><p>(Windows) Choose Edit&#160;&gt; Preferences&#160;&gt;
Guides, Grid, &amp; Slices.</p>
</li>
<li><p>(Mac&#160;OS) Choose Photoshop&#160;&gt;
Preferences&#160;&gt; Guides, Grid, &amp; Slices.</p>
</li>
</ul>
</li>
<li class="stepexpand"><span>For Color, choose a color for the guides, the grid, or
both. If you choose Custom, click the color box, choose a color,
and click&#160;OK. </span></li>
<li class="stepexpand"><span>For Style, choose a display option for guides or the
grid, or both.</span></li>
<li class="stepexpand"><span>For Gridline Every, enter a value for the grid spacing.
For Subdivisions, enter a value by which to subdivide the grid. </span> <p>If desired, change the units for this option. The&#160;Percent
option creates a grid that divides the image into even sections.
For example, choosing 25 for the Percent option creates an evenly
divided 4‑by‑4 grid.</p>
</li>
<li class="stepexpand"><span>Click OK.</span></li>
</ol>
</div></div>

                <div id="related">
                    <div class="separator"><a href="#"><img src="images/BTT.jpg" /></a>&#160;</div>
                    <div>
</div>
                    <p><a href="http://help.adobe.com/en_US/Photoshop/11.0/WSE311D2B1-CA39-4bab-8BEE-25CF899D1486a.html" title="http://help.adobe.com/en_US/Photoshop/11.0/WSE311D2B1-CA39-4bab-8BEE-25CF899D1486a.html">Slice a web page (adobe.com)</a></p>
                </div>
                <div id="footer">
                    <p><img src="images/Community.png" />&#160;<a title="community help (adobe.com)" href="http://www.adobe.com/go/lr_Photoshop_community_en">community help (adobe.com)</a></p>
<!-- BEGIN IONCOMMENTS -->
                    <div id="ionComHere">
                    </div>
<!-- END IONCOMMENTS -->
<!--#include virtual="ionComments.ssi" -->
                    <p id="creativecommons"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" id="creativecommons_text"><img id="creativecommons_img" src="images/CC.png" alt="This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License" /></a></p>
                </div>
            </div>
<!-- END CONTENT WRAPPER -->
</td>
</tr>
</table>
        </div>
<!-- END PAGE CONTENT WRAPPER -->
<script type="text/javascript">
<!--[CDATA[
scrollToNameAnchor();
// ]]-->
</script> 
<!--#include virtual="/livedocs/ssi/globalfooter.ssi" -->
<!--#include virtual="/ubi/analytics/analytics_ssi.html" -->
    </body>
</html>